<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	response.setHeader("Cache-Control", "no-cache");
	response.setHeader("Pragma", "no-cache");
	response.setDateHeader("Expires", -1);
%>
<!DOCTYPE html>
<html lang="es">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<link rel="icon" type="image/png" href="../imagenes/sistema/balance.png" />
<title>Jurídica 5.0 - Sistema de gestión jurídica</title>

<!-- Bootstrap Core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="../css/agency.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="../css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script'
	rel='stylesheet' type='text/css'>

<script src="../js/juridica-validator.js"></script>



<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">
	<s:form action="validarUsuario" method="post">
		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header page-scroll">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand page-scroll" href="#page-top">Jurídica
						5.0</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li class="hidden"><a href="#page-top"></a></li>
						<li><a class="page-scroll" href="#services">Servicio</a></li>
						<li><a class="page-scroll" href="#about">Intranet</a></li>
						<li><a class="page-scroll" href="#team">Equipo</a></li>
						<li><a class="page-scroll" href="#contact">Contacto</a></li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>

		<!-- Header -->
		<header>
			<div class="container">
				<div class="intro-text">
					<div class="intro-lead-in">Sus trámites,</div>
					<div class="intro-heading">ahora más fáciles!</div>
					<a href="#services" class="page-scroll btn btn-primary btn-lg">Interesante,
						cuentame más</a>
					<div style="padding-top: 20px;">
						<s:if test="hasActionErrors()">
							<s:actionerror theme="simple" cssStyle="list-style:none"
								cssClass="alert alert-danger actionError" />
						</s:if>
					</div>
				</div>

			</div>
		</header>

		<!-- Services Section -->
		<section id="services">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 text-center">
						<h2 class="section-heading">Servicios</h2>
						<h3 class="section-subheading text-muted">Lorem ipsum dolor
							sit amet consectetur.</h3>
					</div>
				</div>
				<div class="row text-center">
					<div class="col-md-4">
						<s:a theme="simple" action="iniciarCConsultaExp">
							<span class="fa-stack fa-4x"> <i
								class="fa fa-circle fa-stack-2x text-primary"></i> <i
								class="fa fa-search fa-stack-1x fa-inverse"></i>
							</span>
						</s:a>
						<h4 class="service-heading">Consulta de Expediente online</h4>
						<p class="text-muted">Consulte su expedientes fácilmente, sólo
							con el número del mismo!.</p>
					</div>
					<div class="col-md-4">
						<span class="fa-stack fa-4x"> <i
							class="fa fa-circle fa-stack-2x text-primary"></i> <i
							class="fa fa-laptop fa-stack-1x fa-inverse"></i>
						</span>
						<h4 class="service-heading">Responsive Design</h4>
						<p class="text-muted">Lorem ipsum dolor sit amet, consectetur
							adipisicing elit. Minima maxime quam architecto quo inventore
							harum ex magni, dicta impedit.</p>
					</div>
					<div class="col-md-4">
						<span class="fa-stack fa-4x"> <i
							class="fa fa-circle fa-stack-2x text-primary"></i> <i
							class="fa fa-lock fa-stack-1x fa-inverse"></i>
						</span>
						<h4 class="service-heading">Web Security</h4>
						<p class="text-muted">Lorem ipsum dolor sit amet, consectetur
							adipisicing elit. Minima maxime quam architecto quo inventore
							harum ex magni, dicta impedit.</p>
					</div>
				</div>
			</div>
		</section>

		<!-- Portfolio Grid Section -->

		<!-- About Section -->
		<section id="about">
			<div class="container">
				<div class="row">
					<div class="col-md-50 center">

						<div class="col-md-4" id="login-wrapper"
							style="margin-top: 100px;">
							<div class="panel panel-primary animated flipInY">
								<div class="panel-heading">
									<h4 class="panel-title text-center">Iniciar Sesión</h4>
								</div>
								<div class="panel-body">
									<p>Inicia sesión con tus datos</p>
									<form class="form-horizontal" role="form">
										<div class="form-group">
											<div class="input-group"
												style="width: 280px; padding-left: 20px;">
												<span class="input-group-addon"><div
														style="background-image: url('../imagenes/sistema/user.png'); width: 16px; height: 16px;"></div></span>
												<sj:textfield parentTheme="simple" cssClass="form-control"
													name="bean.user" placeholder="Ingrese su usuario" value=""
													onkeypress="return validarIngreso(event,'L');"
													id="advanced_prepend" />
											</div>
										</div>
										<div class="form-group">
											<div class="input-group"
												style="width: 280px; padding-left: 20px;">
												<span class="input-group-addon"><div
														style="background-image: url('../imagenes/sistema/key.png'); width: 16px; height: 16px;"></div></span>
												<s:password theme="simple" cssClass="form-control" value=""
													onkeypress="return noAcepto(event);" name="bean.pass"
													placeholder="Ingrese su contraseña" id="advanced_prepend" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-md-12">
												<sj:submit parentTheme="simple" value="Ingresar"
													clearForm="true" cssClass="btn btn-primary btn-block"></sj:submit>
												<s:if test="hasActionErrors()">

													<s:actionerror theme="simple" cssStyle="list-style:none"
														cssClass="alert alert-danger actionError" />
												</s:if>
											</div>
										</div>
									</form>
								</div>

							</div>
						</div>

					</div>
					<div class="col-md-5">
						<div
							style="background-image: url('../imagenes/sistema/logo_hat.png'); width: 600px; height: 500px; margin-left: 150px;"></div>
					</div>
				</div>
			</div>
		</section>

		<!-- Team Section -->
		<section id="team" class="bg-light-gray">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 text-center">
						<h2 class="section-heading">Nuestro Equipo </h2>
						<h3 class="section-subheading text-muted">Cibertec</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/2.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Christopher Zegarra</h4>
							<p class="text-muted">Programador  </p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/2.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Antonio Fuk </h4>
							<p class="text-muted">Auspiciador</p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/2.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Perseo Sanchez</h4>
							<p class="text-muted">Programador</p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/2.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Gary Loyola</h4>
							<p class="text-muted"> Programador </p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/3.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Shirley Sarmiento</h4>
							<p class="text-muted"> Analista </p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-2">
						<div class="team-member">
							<img src="../imagenes/img/team/2.jpg" class="img-responsive img-circle"
								alt="">
							<h4>Heiner Nuñez</h4>
							<p class="text-muted">Programador </p>
							<ul class="list-inline social-buttons">
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center">
						<p class="large text-muted">Lorem ipsum dolor sit amet,
							consectetur adipisicing elit. Aut eaque, laboriosam veritatis,
							quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
					</div>
				</div>
			</div>
		</section>

		<!-- Clients Aside -->
		<aside class="clients">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<a href="#"> <img src="img/logos/envato.jpg"
							class="img-responsive img-centered" alt="">
						</a>
					</div>
					<div class="col-md-3 col-sm-6">
						<a href="#"> <img src="img/logos/designmodo.jpg"
							class="img-responsive img-centered" alt="">
						</a>
					</div>
					<div class="col-md-3 col-sm-6">
						<a href="#"> <img src="img/logos/themeforest.jpg"
							class="img-responsive img-centered" alt="">
						</a>
					</div>
					<div class="col-md-3 col-sm-6">
						<a href="#"> <img src="img/logos/creative-market.jpg"
							class="img-responsive img-centered" alt="">
						</a>
					</div>
				</div>
			</div>
		</aside>

		<section id="contact">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 text-center">
						<h2 class="section-heading">Contact Us</h2>
						<h3 class="section-subheading text-muted">Lorem ipsum dolor
							sit amet consectetur.</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12"></div>
				</div>
			</div>
		</section>

		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<span class="copyright">Copyright &copy; Your Website 2014</span>
					</div>
					<div class="col-md-4">
						<ul class="list-inline social-buttons">
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
						</ul>
					</div>
					<div class="col-md-4">
						<ul class="list-inline quicklinks">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>

		<!-- Portfolio Modals -->
		<!-- Use the modals below to showcase details about your portfolio projects! -->

		<!-- Portfolio Modal 1 -->
		<div class="portfolio-modal modal fade" id="portfolioModal1"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<!-- Project Details Go Here -->
								<h2>Project Name</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive"
									src="img/portfolio/roundicons-free.png" alt="">
								<p>Use this area to describe your project. Lorem ipsum dolor
									sit amet, consectetur adipisicing elit. Est blanditiis dolorem
									culpa incidunt minus dignissimos deserunt repellat aperiam
									quasi sunt officia expedita beatae cupiditate, maiores
									repudiandae, nostrum, reiciendis facere nemo!</p>
								<p>
									<strong>Want these icons in this portfolio item
										sample?</strong>You can download 60 of them for free, courtesy of <a
										href="https://getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">RoundIcons.com</a>,
									or you can purchase the 1500 icon set <a
										href="https://getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">here</a>.
								</p>
								<ul class="list-inline">
									<li>Date: July 2014</li>
									<li>Client: Round Icons</li>
									<li>Category: Graphic Design</li>
								</ul>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Portfolio Modal 2 -->
		<div class="portfolio-modal modal fade" id="portfolioModal2"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<h2>Project Heading</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive img-centered"
									src="img/portfolio/startup-framework-preview.png" alt="">
								<p>
									<a href="http://designmodo.com/startup/?u=787">Startup
										Framework</a> is a website builder for professionals. Startup
									Framework contains components and complex blocks (PSD+HTML
									Bootstrap themes and templates) which can easily be integrated
									into almost any design. All of these components are made in the
									same style, and can easily be integrated into projects,
									allowing you to create hundreds of solutions for your future
									projects.
								</p>
								<p>
									You can preview Startup Framework <a
										href="http://designmodo.com/startup/?u=787">here</a>.
								</p>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Portfolio Modal 3 -->
		<div class="portfolio-modal modal fade" id="portfolioModal3"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<!-- Project Details Go Here -->
								<h2>Project Name</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive img-centered"
									src="img/portfolio/treehouse-preview.png" alt="">
								<p>
									Treehouse is a free PSD web template built by <a
										href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>.
									This is bright and spacious design perfect for people or
									startup companies looking to showcase their apps or other
									projects.
								</p>
								<p>
									You can download the PSD template in this portfolio sample item
									at <a
										href="http://freebiesxpress.com/gallery/treehouse-free-psd-web-template/">FreebiesXpress.com</a>.
								</p>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Portfolio Modal 4 -->
		<div class="portfolio-modal modal fade" id="portfolioModal4"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<!-- Project Details Go Here -->
								<h2>Project Name</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive img-centered"
									src="img/portfolio/golden-preview.png" alt="">
								<p>
									Start Bootstrap's Agency theme is based on Golden, a free PSD
									website template built by <a
										href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>.
									Golden is a modern and clean one page web template that was
									made exclusively for Best PSD Freebies. This template has a
									great portfolio, timeline, and meet your team sections that can
									be easily modified to fit your needs.
								</p>
								<p>
									You can download the PSD template in this portfolio sample item
									at <a
										href="http://freebiesxpress.com/gallery/golden-free-one-page-web-template/">FreebiesXpress.com</a>.
								</p>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Portfolio Modal 5 -->
		<div class="portfolio-modal modal fade" id="portfolioModal5"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<!-- Project Details Go Here -->
								<h2>Project Name</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive img-centered"
									src="img/portfolio/escape-preview.png" alt="">
								<p>
									Escape is a free PSD web template built by <a
										href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>.
									Escape is a one page web template that was designed with
									agencies in mind. This template is ideal for those looking for
									a simple one page solution to describe your business and offer
									your services.
								</p>
								<p>
									You can download the PSD template in this portfolio sample item
									at <a
										href="http://freebiesxpress.com/gallery/escape-one-page-psd-web-template/">FreebiesXpress.com</a>.
								</p>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Portfolio Modal 6 -->
		<div class="portfolio-modal modal fade" id="portfolioModal6"
			tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2">
							<div class="modal-body">
								<!-- Project Details Go Here -->
								<h2>Project Name</h2>
								<p class="item-intro text-muted">Lorem ipsum dolor sit amet
									consectetur.</p>
								<img class="img-responsive img-centered"
									src="img/portfolio/dreams-preview.png" alt="">
								<p>
									Dreams is a free PSD web template built by <a
										href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>.
									Dreams is a modern one page web template designed for almost
									any purpose. It’s a beautiful template that’s designed with the
									Bootstrap framework in mind.
								</p>
								<p>
									You can download the PSD template in this portfolio sample item
									at <a
										href="http://freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a>.
								</p>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">
									<i class="fa fa-times"></i> Close Project
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- jQuery -->


		<script src="../js/jquery.js"></script>
		<script type='text/javascript'>
			var $jq = JQuery.noConflict();
		</script>
		<script src="../js/jquery_oshe.js"></script>
		<%-- <script src="../js/jquery.js"></script> --%>
		<!-- Bootstrap Core JavaScript -->
		<script src="../js/bootstrap.js"></script>

		<!-- Plugin JavaScript -->
		<script
			src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
		<script src="../js/classie.js"></script>
		<script src="../js/cbpAnimatedHeader.js"></script>


		<!-- Custom Theme JavaScript -->
		<script src="../js/agency.js"></script>
	</s:form>
</body>
<head>
<meta content="no-cache" http-equiv="Pragma" />
<meta content="-1" http-equiv="Expires" />
</head>
</html>
